<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>课堂扩展</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link  rel="stylesheet" href="../css/video-js.css">
    <link rel="stylesheet" href="../css/popup.css"/>
    <script src="../js/JQuery%201.9.1.js"></script>
    <script src="../js/bootstrap.js"></script>
    <script src="../js/yingSoftPopup.js"></script>
    <script src="../js/yingSoftPrg.js"></script>
    <script src="../js/video.dev.js"></script>
    <script src="../js/classExpansionVideo.js"></script>

</head>
<body>
<nav class="navbar navbar-default" id="titleNav">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">菜单</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a id="index"  href="../index.html" class="navbar-brand"  style="cursor:pointer"><b>翻转课堂</b></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li id="learning">
                    <a href="default.html" target="contents">课前学习<span class="sr-only">(current)</span></a>
                </li>
                <li id="practice">
                    <a href="default.html" >课堂练习</a>
                </li>
                <li id="test">
                    <a href="default.html" >考试测验</a>
                </li>
                <li id="classExpansion" class="active">
                    <a href="default.html" >课堂扩展</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li id="userHome">
                    <a href="default.html">
                        <span style="background: url(../img/nav_ico01.png) no-repeat left center;text-indent: 20px;display: inline-block;">个人中心</span>
                    </a>
                </li>
                <li id="feedback">
                    <a href="#"  style="background: url(../img/nav_ico02.png) no-repeat left center;text-indent: 10px;">意见反馈</a>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="container" style="margin: 0 auto;">
    <div class="row" >
        <div class="col-lg-2" style="padding-left: 0px">
            <h3><a class="btn btn-primary" role="button"  id="returnExpansionVideo">&lt;&lt;返回</a></h3>
        </div>
        <div class="col-lg-4" style="padding-left: 0px">
            <h3 id="expansionVideoName"></h3>
        </div>
        <div class="col-lg-7"></div>
    </div>
    <div class="row">
             <video id="videoPlayer" class="video-js vjs-default-skin  vjs-big-play-centered" controls preload="none"  width="850"  height="650"data-setup="{}">
                 <source  class="videoSource"  type='video/mp4' />
                 <source  class="videoSource"  type='video/webm' />
                 <source  class="videoSource"  type='video/ogg' />
            </video>
      </div>
   </div>
</div>
</body>
</html>
